<div class="wrapper">
  <div class="return-class">
    <nz-row>
      <nz-col nzFlex="1">
        <span class="title">Ant Design Of Angular</span>
      </nz-col>
      <nz-col>
        <button class="return-button-class" nz-button nzType="primary" routerLink="/home/user">返回</button>
      </nz-col>
    </nz-row>
  </div>

  <div class="content-wrapper">
    <div nz-row>
      <div class="list-wrapper" nz-col nzSpan="4">
        <user-list [users]="(users$ | async)!" (onPageNumberChange)="pageNumberChange()" (onRealNameChange)="realNameChange($event)"></user-list>
      </div>
      <div nz-col nzSpan="18" nzOffset="1">
        <user-detail (onUserInfoChange)="userInfoChange($event)"></user-detail>
      </div>
    </div>
  </div>
</div>

